<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>personInfo</title>
    <script src="../js/jquery.min.js"></script>
    <link rel="stylesheet" href="../css/bootstrap.css">
    <script src="../js/bootstrap.js"></script>
    <link rel="stylesheet" href="../css/main.css">
    <link rel="stylesheet" href="../css/personInfo.css">
    <script src="../js/personInfo.js"></script>
    <script src="../js/main.js"></script>
</head>
<body>
    <header class="main-header"></header>
    <section class="main-section">
        <div class="section-left">
            <div class="person-pic">
                <img src="../img/test5 (1).jpg" alt="">
                <p>123456</p>
                <p><a href="#">查看我的违规记录</a></p>
            </div>
            <div class="siderbarNav">
                <ul id="">
                    <li><a href="#" class="navActive js-setNavActive">我的宝贝</a></li>
                    <li><a href="#" class="js-setNavActive">已售出的</a></li>
                    <li><a href="#" class="js-setNavActive">我的消息</a></li>
                    <li><a href="#" class="js-setNavActive">我赞过的</a></li>
                    <li><a href="#" class="js-setNavActive">已屏蔽的人</a></li>
                </ul>
            </div>
        </div>
        <div class="section-right">
             <div class="search-bar">
                 <form action="" class="clearFloat">
                     <input type="checkbox" name="" class="fl">
                     <label for="" class="fl">在售宝贝<span>&lsaquo;1&rsaquo;</span> </label>    
                     <span class="fr">仅显示最近三个月,<a href="#">点击查看</a>三个月前的宝贝</span>
                 </form>               
             </div>
            <!--在这里用钩子？-->
            <div class="js-change-model">
                <div class="details-time-info">
                    <span class="fl">发布时间:<span>2016-11-30</span></span>
                    <span class="fr">最后编辑:<span>2016-11-25</span></span>
                </div>
                <div class="details-info">
                    <div class="details-info-pic">
                        <figure class="clearFloat">
                            <img src="../img/test5 (2).jpg" alt="">
                            <p>全新什么的什么的全新什么的什么的全新什么的什么的<br><span>&yen;180</span></p>
                        </figure>
                    </div>
                    <div class="details-info-fix">
                        <div class="fix-title">
                            <h4 class="fl">在售:</h4>
                            <meter value="0.6" class="fl">60%</meter>
                            <span>完成度:<span>60%</span></span><br>
                            <span style="color:red;">该信息已长时间未更新，为了避免给你带来麻烦商品将在<b>一周内</b>下架，如需要继续转卖，请更新信息。</span><br>
                            <a href="#" class="fr">编辑宝贝</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="js-change-model">
                second
            </div>
            <div class="js-change-model">
                three
            </div>
            <div class="js-change-model">
                four
            </div>
            <div class="js-change-model">
                fif
            </div>
        </div>
    </section>
    <footer class="main-footer"></footer>
</body>
</html>